<!-- 实时盘点 -->
<template>
	<border cardTitle="实时盘点" hasDetails @details="details">
		<div class="listbox">
			<div class="finish boxContent">
				<span>123</span>
			</div>
		</div>
	</border>
</template>
<script>
import border from '../../border.vue';
import vueSeamlessScroll from 'vue-seamless-scroll';
export default {
	components: { border, vueSeamlessScroll },
	data() {
		return {};
	},
	computed: {},
	props: {
		level: {
			type: [String, Number],
			default: 0
		},
		areaList: {
			type: [Array],
			default: () => []
		}
	},
	watch: {
		level: {
			handler(newV, oldV) {
				// this.getInfo();
			},
			immediate: true
		}
	},
	created() {
		this.getInfo();
	},
	methods: {
		getInfo() {},
		details() {
			this.$router.push('/setPoint/devicePoint');
		}
	}
};
</script>

<style scoped lang="less">
.listbox {
	width: 100%;
	height: 100%;
	padding: 0.1rem 0.1rem;
	justify-content: space-around;
	.boxContent {
		width: 1.86rem;
		height: 100%;
		// border: 1px solid red;
		width: 1.86rem;
		height: 100%;

		position: relative;
	}
	.finish {
		background: url(/img/dashboard/bank/finish.png) no-repeat;
		background-position-y: bottom;
		span {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			font-size: 0.26rem;

			font-weight: 600;
			color: #66ffda;
		}
	}
	.losted {
		background: url(/img/dashboard/bank/losted.png) no-repeat;
		background-position-y: bottom;
		span {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			font-size: 0.26rem;
			font-weight: 600;
			color: #ffdc27;
		}
	}
}
</style>
